html, body, label
  cursor var(--cursor-data) 3 3, default

html, body
  position static

body
  margin 0
  color var(--theme-text)
  background-image var(--body-background)
  background-color var(--theme-background)
  background-attachment fixed
  background-position 50% 0
  background-repeat no-repeat
  background-size cover
  font-family 'JetBrains Mono', 'Microsoft YaHei', '\5b8b\4f53', sans-serif

main
  height 100vh
  width 100vw
  overflow auto
  overflow overlay
  box-sizing border-box

h1, h2, h3, h4, h5, h6
  color var(--theme-text-light)
  margin-block-start .33em
  margin-block-end .23em
  padding-top .2em
  padding-bottom .2em

p
  overflow visible

a
  text-decoration none

a,
:is(strong, em) > a
  color var(--theme-highlight)
  padding 0 3px
  transition-duration .3s
  transition-property color,
    background-color,
    line-height,
    padding,
    border,
    opacity
  @media ( min-width 769px )
    &:hover
      color var(--theme-text-hover)
      background-color var(--theme-highlight)
    &:active
      color var(--theme-text-hover)
      background-color var(--theme-subcolor)

button
  background var(--theme-bg-soft)
  color var(--theme-text-light)
  font-family 'JetBrains Mono'
  border unset

time
  font-family Bender

code, pre
  font-family 'JetBrains Mono'
code
  margin 0!important
  background-color var(--theme-bg-soft-hover)
  padding 0 3px!important
pre
  margin 6px 0
  background-color transparent

kbd
  color var(--theme-kbd-text)
  background-color var(--theme-subcolor)
  box-shadow 0 0.12em var(--theme-kbd-shadow)
  margin 0 2px
  border-radius 2px
  padding 0 3px
  font-family 'JetBrains Mono'

em
  font-family Times, 'Times New Roman', 'FangSong', 'SimSun', serif
strong em, em strong
  font-family 'JetBrains Mono', 'Microsoft YaHei', '\5b8b\4f53', sans-serif
:not(a) > :is(strong, em)
  color var(--theme-light)
:not(a) > :is(strong em, em strong)
  color var(--theme-stress)

blockquote
  margin 1em
  border-left var(--theme-highlight) solid 5px
  padding 3px 20px
  background-color var(--theme-bg-soft)
  transition .3s
  blockquote
    margin 0
    padding-right 0
  &:hover
    background-color var(--theme-bg-soft-hover)
ol
  overflow auto

li
  margin-block-start .2em
  margin-block-end .2em
  blockquote
    margin 0
    padding-right 0

table
  border 0
  border-collapse collapse
  th
    color var(--theme-text-rev)
    background-color var(--theme-bg-light)
    border var(--theme-border-light) solid 1px
    padding 0 10px
  td
    padding 0 8px
    border var(--theme-td-border) solid 1px
    &:hover
      background-color var(--theme-td-hover)

figure:not(.highlight), figcaption
  text-align center
figcaption
  font-style italic

a, button, input, textarea
  cursor var(--cursor) 3 3, pointer

input
  cursor var(--cursor) 3 3, text
  user-select none
  font-family 'JetBrains Mono', 'Microsoft YaHei', '\5b8b\4f53', sans-serif
